<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<title>OMPRedis监控主信息</title>
</head>
<body>
	<div class="m-content jehc-content-1">
		<div class="m-portlet">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<h3 class="m-portlet__head-text">
							<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
						</h3>
					</div>
				</div>
			</div>
			<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="POST" id="searchForm" onsubmit="search('datatables');return false;">
				<div class="m-portlet__body">
					<div class="form-group m-form__group row">
						<!--<label class="col-form-label">名称：</label>
						<div class="col-lg-2">
							<input type="text" class="form-control" name="name" placeholder="请输入">
						</div>
						<label class="col-form-label">ip：</label>
						<div class="col-lg-2">
							<input class="form-control" name="host" placeholder="请输入">
						</div>-->
						<div class="col-lg-2">
							<select class="form-control" name="config_id" id="id" onchange="initDataInfo()">
								<option value="">---请选择---</option>
							</select>
						</div><!--
						<a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
							<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
						</a>
						<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
							<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
						</a>-->
					</div>
				</div>
				<!--<div class="m-portlet__foot m-portlet__no-border m-portlet__foot&#45;&#45;fit">
					<div class="m-form__actions m-form__actions&#45;&#45;solid">
						<div class="row">
							<div class="col m&#45;&#45;align-left">
								<a class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;label-danger m-btn&#45;&#45;bolder m-btn&#45;&#45;uppercase" href="javascript:delOPMRedisMain()">
									<span><i class="fa fa-times"></i><span>删 除</span></span>
								</a>
							</div>
							<div class="col m&#45;&#45;align-right">
								<a class="btn btn-light-warning font-weight-bold mr-2 m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" href="javascript:search('datatables')">
									<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
								</a>
							</div>
						</div>
					</div>
				</div>-->
			</form>
		</div>
		<div class="form-group m-form__group row">
			<!--<div class="col-lg-8">
				<table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
					<thead>
						<tr>
							<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
							<th>序号</th>
							<th>监控名称</th>
							<th>ip</th>
							<th>监控日期</th>
							<th>操作</th>
						</tr>
					</thead>
				</table>
			</div>-->
			<div class="col-lg-12">
				<div id="mainCPU" style="width:100%;height:300px;text-align: center;margin: auto;"></div>
			</div>
		</div>

		<div class="form-group m-form__group row">
			<div class="col-lg-12">
				<div id="mainMem" style="width:100%;height:300px;text-align: center;margin: auto;"></div>
			</div>
		</div>
		<div class="form-group m-form__group row">
			<div class="col-lg-12">
				<div id="mainMemRatiochart" style="width:100%;height:300px;text-align: center;margin: auto;"></div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
	<script type="text/javascript" src="/deng/source/plugins/chart/echarts.min.js"></script>
<script type="text/javascript" src="/deng/view/omp/rds/omp-redis-main/omp-redis-main-list.js"></script>
</html>
